;(function (_) {
    var $ = $cmp;
   $clock.life('#statistics-late', {
       $webviewListener: {},
       $onloaded: function () {
           this.addEvent();
       },
       methods: {
          addEvent: function () {
             this.$dom.on('tap', '.base-info', function () {
                $clock.open($clock.path.clockPersonMonthDetail)
             })
          }
       }
   });
    $clock.life('#app-body', {
        $webviewListener: {},
        $onloaded: function () {
            this.initEvent();
            this.render();
        },
        methods: {
            data: {},
            shouldShowPage: function (othis) {
                var component = this;
                component.$inject(function () {
                    var pageType = $(othis).attr('data-type');
                    $(othis).parent().addClass('active').siblings().removeClass('active');
                    $('#' + 'statistics-' + pageType).addClass('active').siblings().removeClass('active');
                    $clock.checkShowPage();
                })
            },
            initEvent: function () {
                var _this = this;
                this.$dom.on('tap', '.nav-menu-list .text', function (e) {
                    _this.shouldShowPage(this);
                })
            },
            render: function () {
                this.shouldShowPage(this.$dom.find('.nav-menu-list .late-menu')[0]);
            }
        }
    })
})(cmp);